<template>
	<view>
		
		<!-- 自定义导航栏 -->
<!-- 		<u-navbar style="font-weight: bold;margin-bottom: 88rpx;" leftText="返回" title="评价页面" :safeAreaInsetTop="false" bgColor="#3183FC" leftIconColor="#FFFFFF"
			:titleStyle="{ color: '#FFFFFF' }">
			<view class="u-nav-slot" slot="left">
				<div >
					<div @click="tzwdsy">
						<image style="width: 40rpx;" src="/static/wdimg/ztb-fh.png" mode="widthFix"></image>
					</div>
				</div>
			</view>
		</u-navbar> -->
		
		<div class="top">
			<div class="xxxg">
				
				<!-- 卡片开始 -->
				<uni-card class="xxxg-card" title="基础卡片" padding="10px 0" :thumbnail="avatar">
					<template v-slot:title>
						<div class="card-title">
							<div class="card-title-1" style="font-weight: bold;">评价结果</div>
							<!-- 							<div class="card-title-2" style="color: red;">待支付</div> -->
						</div>
					</template>
				
					<div class="card-center">
						
					<div class="card-fwpj-c">
					<div class="card-fwpj-image">
						<image src="../../../../static/wdimg/aaa.jpg" mode="widthFix"></image>
					</div>
					<div class="card-fwpj-right">
						<div class="card-fwpj-r-t">车百事汽车生活馆</div>
						<div class="card-fwpj-r-x">	
						<u-rate :count="count"  v-model="value" />
						</div>
					</div>
					</div>
					
					</div>
				</uni-card>
				<!-- 卡片结束 -->


<!-- 卡片开始 -->
				<uni-card class="xxxg-card" title="基础卡片" padding="10px 0" :thumbnail="avatar">
					<template v-slot:title>
						<div class="card-title">
							<div class="card-title-1" style="font-weight: bold;">评语（0-299字）</div>
							<!-- 							<div class="card-title-2" style="color: red;">待支付</div> -->
						</div>
					</template>
					
					<div>
						<u--textarea class="pingyu-text" v-model="value1" placeholder="请留下您宝贵的建议和意见...." ></u--textarea>
					</div>
					
					<div class="card-center">
						
				
					
					</div>
				</uni-card>
				<!-- 卡片结束 -->
				
				
				<!-- 卡片开始 -->
				<uni-card class="xxxg-card" title="基础卡片" padding="10px 0" :thumbnail="avatar">
					<template v-slot:title>
						<div class="card-title">
							<div class="card-title-1" style="font-weight: bold;">照片（选填）</div>
							<!-- 							<div class="card-title-2" style="color: red;">待支付</div> -->
						</div>
					</template>
				
					<div class="card-center">
						
						<div>
							
								<u-upload
									:fileList="fileList1"
									@afterRead="afterRead"
									@delete="deletePic"
									name="1"
									multiple
									:maxCount="10"
								></u-upload>
						</div>
			
					
					</div>
				</uni-card>
				<!-- 卡片结束 -->
				
				<div>
					<button class="tj-but">提交</button>
				</div>

			</div>
		</div>










	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

			tzwddd() {
				uni.navigateTo({
					url: "/pages/my/wddd/wddd"
				})
			},
			tzwdsy(){
				uni.switchTab({
					url: "/pages/my/my"
				})
			},
			


		}
	}
</script>

<style>
	.aa {
		margin-top: 10rpx;
	}

	.top {
		width: 750rpx;
		height: 400rpx;
		background-color: #3183FC;
		/* 	overflow: hidden; */
		/* 	background-image: url(@/static/wdimg/aaa.jpg); */
		position: relative;
	}

	.xxxg {
		position: absolute;
		width: 750rpx;

	}

	.xxxg-card {
		/* 		height: 500rpx; */
		/* 	width: 750rpx; */
		border-radius: 25rpx;
	}

	.wdyhq-dh {
		width: 100%;
		color: white;
		display: flex;
		justify-content: space-around;
		font-size: 35rpx;
		margin-bottom: 30rpx;
	}


	.card-title {
		display: flex;
		margin-top: 10rpx;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid gainsboro;
		height: 70rpx;
	}


	.card-center-fwmd {
		display: flex;

	}

	.card-center-fwmd1 {
		width: 65%;
		display: flex;
		/* 	background-color: red; */
	}

	.card-center-fwmd2 {
		width: 35%;
		display: flex;
		justify-content: center;
		color: blue;
	}

	.card-center-fwmd1-2 {
		margin-right: 20rpx;
	}

	.card-center-fwmd1-3 image {
		width: 25rpx;
	}

	.card-center-xdsj2 {
		margin-right: 20rpx;
	}



	.card-fwpj-c{
		display: flex;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
	}

	.card-fwpj-image{
		/* background-color: red; */
	}
	
	.card-fwpj-image image{
		width: 250rpx;
	}
	
	
	.card-fwpj-right{
		margin-left: 20rpx;
		align-items: center;
	/* 	background-color: red; */
		margin-top: 30rpx;
	}
	
	.card-fwpj-r-t{
/* 		background-color: blue; */
	}
	
	.card-fwpj-r-x{
/* 		background-color: blue; */
		margin-top: 10rpx;
	}
	
	
	
	.pingyu-text{
		height: 300rpx;
		
	}
	
	.tj-but{
		color: white;
		background-color:  #3183FC;
		border-radius: 100rpx;
		width: 600rpx;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
	}
</style>